<template>
  <div
    :style="{
      width: '300px',
      border: '1px solid #d9d9d9',
      borderRadius: '4px',
    }"
  >
    <a-calendar
      v-model:value="value"
      :fullscreen="false"
      @panelChange="onPanelChange"
    />
  </div>
</template>
<script setup>
import { defineComponent, ref } from "vue";
import { Moment } from "moment";

const value = ref();
const moment=Moment
const onPanelChange = (value: moment, mode: string) => {
  console.log(value, mode);
};
</script>
